
<main role="main">

    <section class="jumbotron text-center">
        <div class="container">
            <h1>SHOPING&nbspLIST</h1>
            <p class="lead text-muted">go shoping here.or add goods to your shoping car</p>
            <p>
                <a href="#" class="btn btn-primary my-2">SHOPING</a>
                <a href="#" class="btn btn-secondary my-2">SHOPING CAR</a>
            </p>
        </div>
    </section>

    <div class="album py-5 bg-light">
        <div class="container">

            <div class="row">
                <?php
                foreach ($shop as $v){
                    $id = $v["id"];
                    $name = $v["name"];
                    $info = $v["info"];
                    $price = $v["price"];
                    $costs = $v["costs"];
                    $img = $v["img"];
                    $d = <<<EOF
<div class="col-md-4">
                    <div class="card mb-4 shadow-sm">
                        <svg class="bd-placeholder-img card-img-top" width="100%" height="225" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder: Thumbnail" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="#55595c"/><text x="50%" y="50%" fill="#eceeef" dy=".3em">Thumbnail</text></svg>

                        <div class="card-body">
                            <p class="card-text">id: $id | name: $name</p>
                            <p class="card-text">info:  $info</p>
                            <p class="card-text">price: $price</p>
                            <div class="d-flex justify-content-between align-items-center">
                                <div class="btn-group">
                                    <button type="button" class="btn btn-sm btn-outline-secondary">ADD CAR</button>
                                    <button type="button" class="btn btn-sm btn-outline-secondary">BUY</button>
                                </div>
                                <small class="text-muted">9 mins</small>
                            </div>
                        </div>
                    </div>
                </div>
EOF;
                    echo $d;
                }
                ?>






            </div>


        </div>


    </div>

</main>

<?php echo "<button><a href='/run/MAPP/shop/index/index/page/$pageb'>BACK</a></button>";?>
<?php echo "<button><a href='/run/MAPP/shop/index/index/page/$pagen'>NEXT</a></button>";?>


